import { i18n, useModel } from 'qps';
import { useState } from 'react';
import { Button } from 'antd';
import { PlusOutlined } from '@ant-design/icons';
import App from './App'
export default function A1(){
    const [count, setCount] = useState(2);
    const {value,add } = useModel('a');
    const { c } = useModel('c');
    const {ok} = useModel('d');
    return <>
        <h1>{value} {c}{ ok}</h1>
        <h2>{i18n("_vite")}</h2>
        <App />
        
        <h3 onClick={()=>add()}>{i18n("Hello 321313{value}!#!!!!!",{value:value})}</h3>
        <Button data-access="a.c.d" onClick={()=>setCount(count+1)} icon={<PlusOutlined />}>{count}</Button>
    </>
}
